<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>三方共制的非处方药监管平台</title>
    <link href="../css/index.css" type="text/css" rel="stylesheet">
    <link href="../css/footer.css" type="text/css" rel="stylesheet">

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

    <link href="../webjars/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <script src="../webjars/jquery/3.4.1/jquery.min.js" type="text/javascript"></script>

    <link rel="stylesheet" href="../css/medicine.css">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css"
          integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>

    <script src="../js/index.js" type="text/javascript"></script>
    <script src="../webjars/bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <style>
        a{
            color: black;
        }

        a:hover{text-decoration:none}
    </style>

</head>
<body>

    <!--菜单栏-->
    <div class="menu"> </div>

    <!--中间内容-->
    <div id="body">
        <div id="picture-carousel">
            <div id="picture-carousel0">
                <div id="picture-1">
                    <div>
                        <img src="../images/index-01.png" alt="">
                    </div>
                    <div class="picture-carousel-text">
                        <span>习近平同俄罗斯总统普京举行会谈1</span>
                    </div>
                </div>
                <div id="picture-2" class="un">
                    <div>
                        <img src="../images/index-02.jpg" alt="">
                    </div>
                    <div class="picture-carousel-text">
                        <span>习近平抵达雅典 开始对希腊共和国进行国事访问</span>
                    </div>
                </div>
                <div id="picture-3" class="un">
                    <div>
                        <img src="../images/index-03.jpg" alt="">
                    </div>
                    <div class="picture-carousel-text">
                        <span>习近平同希腊总统帕夫洛普洛斯会谈</span>
                    </div>
                </div>
                <div id="picture-4" class="un">
                    <div>
                        <img src="../images/index-04.jpg" alt="">
                    </div>
                    <div class="picture-carousel-text">
                        <span>习近平会见越南国会主席阮氏金银</span>
                    </div>
                </div>
                <div id="picture-5" class="un">
                    <div>
                        <img src="../images/index-05.jpg" alt="">
                    </div>
                    <div class="picture-carousel-text">
                        <span>习近平会见孟加拉国总理哈西娜</span>
                    </div>
                </div>
            </div>

            <div id="circle">
                <div id="circle1" style="position: absolute;right: 50px;">
                    <div class="circle" onclick="buttonl(1)"></div>
                    <div class="circle" onclick="buttonl(2)"></div>
                    <div class="circle" onclick="buttonl(3)"></div>
                    <div class="circle" onclick="buttonl(4)"></div>
                    <div class="circle" onclick="buttonl(5)"></div>
                </div>
            </div>
        </div>

        <div class="body-div">
            <div class="line"></div>
            <div class="line-text">
                <span>媒体资讯</span>
                <a href="./knowledgeservice.html?code=1001" >更多
                    <span class="glyphicon glyphicon-chevron-right"></span></a>
            </div>
            <div class="line2"></div>
            <div class="body-div">
                <div id="inner-box-left">
                    <table>
                        <tr>
                            <td id="inner-msg">
                                <span class="badge">1</span>
                                <span class="msg">第5届中国—东盟药品合作发展高峰论坛在南宁召开</span>
                            </td>
                            <td>
                                2019-11-10
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="badge">2</span>
                                <span class="msg">脱细胞角膜植片产品获批上市</span>
                            </td>
                            <td>
                                2019-11-10
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="badge">3</span>
                                <span class="msg">药品智慧监管技术交流培训会在京举办</span>
                            </td>
                            <td>
                                2019-11-10
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="badge">4</span>
                                <span class="msg">2019年中国药学大会石家庄召开</span>
                            </td>
                            <td>
                                2019-11-10
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="badge">5</span>
                                <span class="msg">国家药监局举办第五期“药品科技大讲堂”活动</span>
                            </td>
                            <td>
                                2019-11-10
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="badge">6</span>
                                <span class="msg">药品上市许可持有人数据库上线</span>
                            </td>
                            <td>
                                2019-11-10
                            </td>
                        </tr>
                    </table>
                </div>
                <div id="inner-box-right">
                    <img src="../images/u23.jpg">
                </div>
            </div>
        </div>

        <div class="body-div">
            <div class="line"></div>
            <div class="line-text">
                <span>重大事件</span>
                <a href="./knowledgeservice.html?code=1003" >更多
                    <span class="glyphicon glyphicon-chevron-right"></span></a>
            </div>
            <div class="line2"></div>
            <div id="important">
                <table>
                    <tbody>
                    <tr>
                        <td class="importantId">
                            <span class="badge">1</span>
                            <span class="msg">第5届中国—东盟药品合作发展高峰论坛在南宁召开</span>
                        </td>
                        <td class="time">
                            2019-11-10
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="badge">2</span>
                            <span class="msg">脱细胞角膜植片产品获批上市</span>
                        </td>
                        <td class="time">
                            2019-11-10
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="badge">3</span>
                            <span class="msg">药品智慧监管技术交流培训会在京举办</span>
                        </td>
                        <td class="time">
                            2019-11-10
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="badge">4</span>
                            <span class="msg">2019年中国药学大会石家庄召开</span>
                        </td>
                        <td class="time">
                            2019-11-10
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="badge">5</span>
                            <span class="msg">国家药监局举办第五期“药品科技大讲堂”活动</span>
                        </td>
                        <td class="time">
                            2019-11-10
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="badge">6</span>
                            <span class="msg">药品上市许可持有人数据库上线</span>
                        </td>
                        <td class="time">
                            2019-11-10
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>


        <div class="body-div">
            <div class="line"></div>
            <div class="line-text">
                <span>法律法规</span>
                <a href="./knowledgeservice.html?code=1005" >更多
                    <span class="glyphicon glyphicon-chevron-right"></span></a>
            </div>
            <div class="line2"></div>
            <div id="low">
                <table>
                <tbody>
                <tr>
                    <td class="importantId">
                        <span class="badge">1</span>
                        <span class="msg">第5届中国—东盟药品合作发展高峰论坛在南宁召开</span>
                    </td>
                    <td class="time">
                        2019-11-10
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="badge">2</span>
                        <span class="msg">脱细胞角膜植片产品获批上市</span>
                    </td>
                    <td class="time">
                        2019-11-10
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="badge">3</span>
                        <span class="msg">药品智慧监管技术交流培训会在京举办</span>
                    </td>
                    <td class="time">
                        2019-11-10
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="badge">4</span>
                        <span class="msg">2019年中国药学大会石家庄召开</span>
                    </td>
                    <td class="time">
                        2019-11-10
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="badge">5</span>
                        <span class="msg">国家药监局举办第五期“药品科技大讲堂”活动</span>
                    </td>
                    <td class="time">
                        2019-11-10
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="badge">6</span>
                        <span class="msg">药品上市许可持有人数据库上线</span>
                    </td>
                    <td class="time">
                        2019-11-10
                    </td>
                </tr>
                </tbody>
                </table>
            </div>
        </div>

    </div>

    <!--尾部-->
    <div class="foot"></div>
    <script>
        $(function(){
            sessionStorage.setItem("p", "index");
            //console.log("进入了/。。。。。。")
            $('.menu').load("./public/header.html");
            //$('.edit').load("../../medicine.html");
            $('.foot').load('./public/footer.html');
            getKnowledge(1001,1)
            getKnowledge2(1003,1)
            getKnowledge3(1005,1)
        })

        function getKnowledge(code, currentPage) {
            $.ajax({
                url: "/medicinal/knowledge",
                data: {"code": code,"currentPage": currentPage},
                type: "GET",
                dataType: "json",
                success: function (data) {
                    var str = "<table class='table table-striped table-hover'>";
                    $(data.data.list).each(function (index, item) {
                        // var kind = item.ndcid == 0 ? '甲类':'乙类'
                        str +=
                            "<tr class='borderTr'> <td><span class='badge'>"+((data.data.pageNum-1)*10+index+1)+"</span></td>"
                            +"<td style='width: 90%' ><a href='"+item.kspath+"'>"+item.kstitle+"</a></td>" +
                            "</tr>"
                    });
                    str += "</table>"
                    $("#inner-box-left").html(str)
                },
                error: function (err) {
                    alert("出错了")
                }
            });
        }

        function getKnowledge2(code, currentPage) {
            $.ajax({
                url: "/medicinal/knowledge",
                data: {"code": code,"currentPage": currentPage},
                type: "GET",
                dataType: "json",
                success: function (data) {
                    var str = "<table class='table table-striped table-hover'>";
                    $(data.data.list).each(function (index, item) {
                        var kind = item.ndcid == 0 ? '甲类':'乙类'
                        str +=
                            "<tr class='borderTr'> <td><span class='badge'>"+((data.data.pageNum-1)*10+index+1)+"</span></td>"
                            +"<td style='width: 90%' ><a href='"+item.kspath+"'>"+item.kstitle+"</a></td>" +
                            "<td style='width: 10%'>"+kind+"</td> </tr>"
                    });
                    str += "</table>"
                    $("#low").html(str)
                },
                error: function (err) {
                    alert("出错了")
                }
            });
        }

        function getKnowledge3(code, currentPage) {
            $.ajax({
                url: "/medicinal/knowledge",
                data: {"code": code,"currentPage": currentPage},
                type: "GET",
                dataType: "json",
                success: function (data) {
                    var str = "<table class='table table-striped table-hover'>";
                    $(data.data.list).each(function (index, item) {
                        var kind = item.ndcid == 0 ? '甲类':'乙类'
                        str +=
                            "<tr class='borderTr'> <td><span class='badge'>"+((data.data.pageNum-1)*10+index+1)+"</span></td>"
                            +"<td style='width: 90%' ><a href='"+item.kspath+"'>"+item.kstitle+"</a></td>" +
                            "<td style='width: 10%'>"+kind+"</td> </tr>"
                    });
                    str += "</table>"
                    $("#important").html(str)
                },
                error: function (err) {
                    alert("出错了")
                }
            });
        }

    </script>
</body>
</html>
